<%@page contentType="text/html" pageEncoding="UTF-8"%>

<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f" %>
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h" %>
<!-- RichFaces tag library declaration -->
<%@ taglib uri="http://richfaces.org/a4j" prefix="a4j"%>
<%@ taglib uri="http://richfaces.org/rich" prefix="rich"%>


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">
<f:view>
<link rel="stylesheet" href="css/Estilo.css" type="text/css">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Simulador</title>
        
    </head>
    <body bgcolor="#CCC">
        <table width="70%" align="center">
            <tr>
                <td class="celdaImagenEncabezado" bgcolor="#003366">
                <img src="img/logo-matersys.png" class="imagen"/>
                </td>
                <td class="celdaInfoEncabezado" bgcolor="#003366" align="center" >
                    Espacio de reflexión y conocimiento de las <br>TIC's y la Arquitectura Empresarial
                </td>
            </tr>
            <tr>
                <td colspan="2" bgcolor="#990000" class="celdaInfoEncabezado">
                <a href="">Home</a>
                </td>
            </tr>
            
            <tr>
                <td colspan="2" bgcolor="#FFF" height="250px" align="center" >
        <h:form>
            <rich:panel style="width:40%;">

            <f:facet name="header">
                    <h:outputText value="Login" />
            </f:facet>

            <h:panelGrid columns="3">
                <h:outputLabel value="E-mail:" style="font-weight:bolder;" />
                <h:inputText value="#{BeanLogin.email}" id="idInputEmail" validator="#{Validaciones.validarEmail}"   required="true">
                    <rich:ajaxValidator event="onblur"/>
                </h:inputText>
                <rich:message for="idInputEmail" ajaxRendered="true" style="color:red;"/>


            <h:outputLabel value="Password:" style="font-weight:bolder;" />
            <h:inputSecret  value="#{BeanLogin.pass}" id="idInputPassword" validator="#{Validaciones.validarPassword}"   required="true">
                        <rich:ajaxValidator event="onblur"/>
            </h:inputSecret>
            <rich:message for="idInputPassword" ajaxRendered="true" style="color:red;"/>
            
            </h:panelGrid>
                <div align="center"><a4j:commandButton id="submit"  action="#{BeanLogin.getValidacion}" value="Entrar"/></div>
                </rich:panel>
        </h:form>  
                <div align="center">
                    <h:form>
                        <h:commandLink action="#{Navegacion.getIrNuevoUsuario}" style="color:#003366">
                                <h:outputLabel value="Nuevo Usuario" style="cursor:pointer; color:#003366"/>
                        </h:commandLink>
                    </h:form>
                </div>
                
                </td>
            </tr>
        </table>

    </body>
</html>
</f:view>